@import "./mixi.scss";

@for $i from 1 to 3 {
  // .el-pagination {
  //   text-align: center;
  //   .btn-prev,
  //   .btn-next {
  //     background: #f1f2ed;
  //     color: $--color-text-primary;
  //   }

  //   .btn-prev:hover,
  //   .btn-next:hover {
  //     color: nth($colors, $i) !important;
  //     border: 1px solid nth($colors, $i);
  //   }

  //   &.is-background .btn-next,
  //   &.is-background .btn-prev,
  //   &.is-background .el-pager li {
  //     color: $--color-text-primary;
  //     background: #f1f2ed;
  //   }

  //   &.is-background .el-pager li:not(.disabled):hover {
  //     border: 1px solid nth($colors, $i);
  //   }

  //   & .btn-prev:disabled,
  //   & .btn-next:disabled {
  //     color: $--border-color-base !important;

  //     &:hover {
  //       color: $--border-color-base !important;
  //     }
  //   }

  //   .el-pager > li {
  //     background: #f1f2ed;
  //   }

  //   .el-pager li:not(.disabled):hover {
  //     color: nth($colors, $i);
  //     border: 1px solid nth($colors, $i);
  //   }

  //   .el-pager li:not(.disabled).active {
  //     color: #fff;
  //     border: 1px solid nth($colors, $i);
  //   }

  //   .el-pager .active {
  //     color: #fff;
  //     background: nth($colors, $i);
  //     border: 1px solid nth($colors, $i);
  //   }

  //   .el-select .el-input .el-select__caret {
  //     color: $--color-text-primary;
  //   }

  //   .el-pagination__total {
  //     color: $--color-text-primary;
  //   }

  //   .el-pagination__jump {
  //     color: $--color-text-primary;
  //   }

  //   .el-input.el-input--suffix .el-input__inner,
  //   .el-pagination__editor.el-input .el-input__inner {
  //     color: $--color-text-primary;
  //     font-size: 12px !important;
  //     background: #f1f2ed;
  //   }

  //   .el-input.el-input--suffix .el-input__inner:hover,
  //   .el-pagination__editor.el-input .el-input__inner:hover {
  //     border: 1px solid nth($colors, $i);
  //   }
  // }
}
